<!--
 * @Description: 
 * @Author: Liu Kunpeng
 * @Date: 2021-07-06 10:47:00
-->
<template>
    <div>
        <!-- <el-tooltip class="item" effect="dark" content="刷新通知" placement="top-start">
        <el-button icon="el-icon-refresh-right" circle style="float:right;"></el-button>
        </el-tooltip> -->
        <el-card class="demoPdf">
            <el-row>
                <el-col :span="18">
                    <h2>查看报告模板</h2> 
                </el-col>
                <el-col :span="6" >
                    <el-button type="primary" icon="el-icon-view" style="width:83px;padding:12px 0 12px 0" @click="previewPDF()">查看模板</el-button>
                </el-col>
            </el-row>
        </el-card> 
        <el-card class="msgBox" v-for="item in message" :key="item.id">
            <el-row>
                <el-col :span="18">
                    {{item.msg}}有新的报告产生，请尽快阅览并添加建议
                </el-col>
                <el-col :span="6" >
                    <el-button type="primary" icon="el-icon-download" style="width:83px;padding:12px 0 12px 0" @click="previewPDF(1)">查看报告</el-button>
                    <el-button type="info" icon="iconfont icon-hulve" style="width:83px;padding:11px 0 11px 0" @click="ignorePDF()"> 忽略</el-button>
                </el-col>
            </el-row>
        </el-card> 
        
    </div>
</template>
<script>

export default {
    data() {
        return {
            form:{
                suggest:"",
            },
           
            username:"",
            socket:"",
            message:
                [{
                    id:1,
                    msg:"123",
                    },{
                    id:2,
                    msg:"456"
                }],
               
            
            
        }
    },
    methods:{
        previewPDF(params){
            // this.$router.push("/preview/preview");

            this.$router.push({
                path: "/preview/preview",
                query: {
                    routeParams: params
                }
            })
        },
        getsocketData(e){

        },
        ignorePDF(){
            
        }
    },
    created() {
        
    },
    mounted(){

    },
}

</script>

<style lang="less" scoped>
.el-breadcrumb{
    margin-bottom: 15px;
    font-size: 17px;
}
.msgBox{
    height: 100px;
    margin: 10px 10px 10px 10px;
}
.el-tag{
    margin:10px;
}
.demoPdf{
    height: 100px;
    margin: 10px 10px 10px 10px;
    background-color: #ebebeb
}
</style>